/** @format */

import classNames from 'classnames'
import ChannelItem from '../ChannelItem'
import './index.scss'
import ChannelHeader from '../ChannelHeader'

const ChannelModal = () => {
  return (
    <div
      className='channels'
      style={{ display: 'none' }}>
      <div className='header'>
        <span>全部板块</span>
        <span className='close'>x</span>
      </div>
      <div className='content'>
        <ChannelHeader
          title='我的板块'
          info='点击进入板块'
          extra={<span>编辑</span>}
        />
        <div className={classNames('list', false && 'edit')}>
          <ChannelItem />
          <ChannelItem />
          <ChannelItem />
        </div>

        <ChannelHeader
          title='更多板块'
          info='点击添加板块'
        />
        <div className='list'>
          <ChannelItem className='more-item' />
          <ChannelItem className='more-item' />
          <ChannelItem className='more-item' />
          {/* <div className='no-more'>已全部添加至我的板块</div> */}
        </div>
      </div>
    </div>
  )
}

export default ChannelModal
